<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>盛联盛一网站头部</title>
    <link rel="stylesheet" href="../../plugins/layui/css/layui.css" >
    <link href="../../css/head.css" rel="stylesheet" type="text/css" />
   <!-- <style>
        body{
            margin: 0px;
        }
        #head-head{
            background: #fff;
            width: 100%;
            height: 35px;
            position: relative;
            box-shadow: 0 3px 8px rgba(0, 0, 0, 0.06);
            border-bottom: 1px solid #ddd;
        }
        .fh{
            font-size: 12px;
            margin-left: 100px;
            position: relative;
            top:10px;
        }
        #ula{
            position: absolute;
            right: 100px;
            top: 10px;
        }
        #ula li{
            list-style: none;
            font-size: 12px;
            float: left;
            margin-left: 10px;
        }
        a{
            text-decoration:none;
            color: #666;
        }
        #ewmtu{
            display: none;
            position: relative;
        }
        .sj{
            margin-left: 5px;
        }
        #ee{
            position: absolute;
            top: 14px;
            right: 3px;
        }
        #ss{

        }
        #head-zhong{
            position: relative;
            width: 1740px;
            height: 84px;
            margin: auto;
        }
        #zhongone{
            position: absolute;
            top:20px;
            left: 24px;
        }
        #zhongtwo{
            position: absolute;
            right: 100px;
            top: 24px;
            width: 360px;
            height: 40px;
            border: solid 1px #ddd;
            border-radius:5px;
        }
        .headSearchType{
            margin-top: 11px;
            margin-left:20px;
            position: relative;
            font-size: 14px;
        }
        #ss{
            height: 25px;
            width: 210px;
            position: absolute;
            top:7px;
            left:110px;

        }
        #search{
            height: 26px;
            width: 24px;
            background-color: #F5F5F5;
            border:none;
            background-image: url("../../imgs/iconSearchBtn2.png");
            position: absolute;
            right: 10px;
            top: 8px;
        }
        #search:hover{
            background-position-y: 126px;
        }
        #head-di{
            width: 100%;
            height: 60px;
        }
        #ulb li{
            list-style: none;
            font-size: 18px;
            float: left;
            margin-left: 50px;
        }
        #ulb{
            margin-left: 40px;
        }
        #ulb li :hover{
            color: #0f8cf0;
        }
        #ulbone{
            margin: 0px;
            padding: 0px;
            list-style: none;
            position: relative;
            top: 15px;
            left: -25px;
        }
        #ulbone li{
            float: left;
            font-size: 16px;
        }
        #aa{
            height: 0px;
            width: 1000px;
            overflow: hidden;
            position: relative;
            left: -30px;
            top:5px;
            z-index: 20;
        }
         .li1,.li2,.li3,.li4,.li5,.li6,.li7{
            width: 80px;
            height: 50px;
        }
        .li1:hover  #aa{
            height: 60px;
            background-image: url("../../imgs/bjWhite952.png");
            border:#dbe5ec solid 1px;
        }
        #ulbone2{
            margin: 0px;
            padding: 0px;
            list-style: none;
            position: relative;
            top: 15px;
            left: -25px;
        }
        #ulbone2 li{
            float: left;
            font-size: 16px;
        }
        #aa2{
            height: 0px;
            width: 1000px;
            overflow: hidden;
            position: relative;
            left: -160px;
            top:5px;
            z-index: 20;
        }
        .li2:hover  #aa2{
            height: 60px;
            background-image: url("../../imgs/bjWhite952.png");
            border:#dbe5ec solid 1px;
        }
        #ulbone4{
            margin: 0px;
            padding: 0px;
            list-style: none;
            position: relative;
            top: 15px;
            left: -25px;
        }
        #ulbone4 li{
            float: left;
            font-size: 16px;
        }
        #aa4{
            height: 0px;
            width: 1000px;
            overflow: hidden;
            position: relative;
            left: -420px;
            top:5px;
            z-index: 20;
        }
        .li4:hover  #aa4{
            height: 60px;
            background-image: url("../../imgs/bjWhite952.png");
            border:#dbe5ec solid 1px;
        }
        #ulbone5{
            margin: 0px;
            padding: 0px;
            list-style: none;
            position: relative;
            top: 15px;
            left: -25px;
        }
        #ulbone5 li{
            float: left;
            font-size: 16px;
        }
        #aa5{
            height: 0px;
            width: 1000px;
            overflow: hidden;
            position: relative;
            left: -550px;
            top:5px;
            z-index: 20;
        }
        .li5:hover  #aa5{
            height: 60px;
            background-image: url("../../imgs/bjWhite952.png");
            border:#dbe5ec solid 1px;
        }
        #longtu{
            width: 100%;
            height: 340px;
            background-image: url("../../imgs/imgServiceDifferentIndexBanner1.png");
            position: absolute;
            top: 150px;
        }
    </style>-->
</head>
<body>
<div>
    <div id="head-head">
        <span class="fh" id="fh1">欢迎来到值得信赖的装修公司！</span>
        <span class="fh" id="fh2"style="color: #000000">联系我们：<span style="color: #0f8cf0">021-54651972</span></span>
        <ul id="ula">
            <li><a href="">登录</a></li>
            <li>|</li>
            <li><a href="">注册</a></li>
            <li>|</li>
            <li><a href="">购物车</a></li>
            <li>|</li>
            <li><a href="">订单查询</a></li>
            <li>|</li>
            <li id="ewm"><a href="javascript:;">手机二维码</a><span class="sj">▼</span><dd id="ewmtu"><img src="../../imgs/ILSMjAxNi8xMS8xMS8wMDEw!!ca24d0288860a1ea.jpg" id="ee"></dd></li>
        </ul>
    </div>
    <div id="head-zhong">
        <a href="#" id="zhongone">
            <img src="../../imgs/ILSMjAxNy8wNS8wOS8wMDA0!!9034ea5db8bb0340.jpg"/>
        </a>

        <div id="zhongtwo">
            <dl class="headSearchType">
                <dt>积分商城 <span class="sj">▼</span></dt>
                <dd style="display: none;">
                    <p>积分商城</p>
                    <p>特色活动</p>
                </dd>
            </dl>
            <input type="text" id="ss">
            <input type="button" class="headSearchBtn" id="search" style="box-sizing: border-box;">
        </div>
    </div>
    <div id="head-di">
        <ul id="ulb">
            <li><a href="#">首页</a></li>
            <li class="li1">
                <a href="../anlibaojian/anlibaojian.html" class="anli">案例宝鉴</a>
                <div id="aa">
                    <ul id="ulbone">
                        <li><a href="#">家装</a></li>
                        <li><a href="#">公装</a></li>
                        <li><a href="#">精装</a></li>
                    </ul>
                </div>
            </li>
            <li class="li2">
                <a href="#">品牌服务</a>
                <div id="aa2">
                    <ul id="ulbone2">
                        <li><a href="#">我要预约</a></li>
                        <li><a href="#">鬼才设计师</a></li>
                        <li><a href="#">我要报修</a></li>
                        <li><a href="#">与众不同</a></li>
                    </ul>
                </div>
            </li>
            <li class="li3">
                <a href="#">积分商城</a>
            </li>
            <li class="li4">
                <a href="#">特色活动</a>
                <div id="aa4">
                    <ul id="ulbone4">
                        <li><a href="#">盛一大事件</a></li>
                        <li><a href="#">每月咨询会</a></li>
                        <li><a href="#">老客户回访</a></li>
                        <li><a href="#">老客户答谢会</a></li>
                    </ul>
                </div>
            </li>
            <li class="li5">
                <a href="#">品牌历程</a>
                <div id="aa5">
                    <ul id="ulbone5">
                        <li><a href="#">公司简介</a></li>
                        <li><a href="#">企业文化</a></li>
                        <li><a href="#">熊爸爸的感谢信</a></li>
                        <li><a href="#">盛一印象</a></li>
                        <li><a href="#">投名状</a></li>
                    </ul>
                </div>
            </li>
            <li class="li6"><a href="#">环保建材</a></li>
            <li class="li7"><a href="#">FC店</a></li>
        </ul>

    </div>
    <div id="longtu">
    </div>
</div>
</body>
</html>